<style>
    .tagBox a {
        text-decoration: none;
        color: #000;
        position: relative;
        float: left;
        display: block;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
        border: 1px solid #E0E0DF;
        border-radius: 3px;
        padding: 1px 10px;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    .tagBox a.sel {
        color: #E73828;
        border: 1px solid #E73828;
    }

    .tagBox .selIcon {
        position: absolute;
        display: block;
        width: 12px;
        height: 10px;
        background: url(/assets/img/defaultIcon.png) no-repeat center center;
        top: 0px;
        left: 0px;
    }
    user agent stylesheet
    i {
        font-style: italic;
    }

    .tagBox a.sel .selIcon {
        background: url(/assets/img/checkIcon.png) no-repeat center center;
    }
</style>
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="mini-fit" >
        <div class="selectionBox">
            <div class="selectGroup clearfix">
                {volist name="data" id="item"}
                <fieldset class="selectItem" >
                    <legend>{$item.name}</legend>
                    <div class="tagBox clearfix">
                        {present name="item.childlist"}
                            {volist name="item.childlist" id="v1"}
                            <a class="choose {:in_array($v1.name,$val)?'sel':''}" href="javascript:;"  data-name="{$v1.name}" vname="{$v1.name}">{$v1.name}<i class="selIcon"></i></a>
                            {/volist}
                        {/present}
                    </div>
                </fieldset>
                {/volist}
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="button" class="btn btn-primary btn-embossed btn-success">{:__('OK')}</button>
        </div>
    </div>
</form>

<script>

</script>